
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
  <title>WEB miniEMC2 by KSU</title>
  <link rel="stylesheet" type="text/css" href="css/webemc.css">
  <link rel="stylesheet" type="text/css" href="css/jqueryFileTree.css">
  <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
  <script type="text/javascript" src="js/jqueryFileTree.js"></script>
  <script type="text/javascript" src="js/miniemc2.js"></script>
</head>
<body>
<script>
	$(document).ready(miniemc2Init);
</script>
<div id="mainbg"> 
	<div id="topmenu">
		<ul>
		<li class="current">Manual</li>
		<li>Homes</li>
		<li>Auto</li>
		<li>Misc</li>
		</ul>
	</div>
	<div id="coordbox">
		<div id="cpanel1">		
			<div id="feedlabel" class="text_small">Feedrate</div>
	 		<div id="feedbox">
				<div id="feed_value" class="text_medium">1200.0</div>
				<div id="feed_override_value" class="picbg text_medium">100%</div>
				<div id="feed_slider" >
					<img class="sldir" src="res/slider_line.png" alt="" >
					<img class="sldrag" src="res/slider_drag.png" alt="" >				
				</div>
			</div>
			<div id='estop' class="estop_released" ></div>
		</div>
		<div id="cpanel2">
			<div id="axisposhdr" class="text_small">Axes position</div>
			<div id="axis_0" class="coord">
				<div class="cname text_medium">X</div>
				<div class="cvalue text_coord">-</div>
			</div>	
			<div id="axis_1" class="coord">
				<div class="cname text_medium">Y</div>
				<div class="cvalue text_coord">-</div>
			</div>	
			<div id="axis_2" class="coord">
				<div class="cname text_medium">Z</div>
				<div class="cvalue text_coord">-</div>
			</div>	
			<div id="axis_3" class="coord">
				<div class="cname text_medium">A</div>
				<div class="cvalue text_coord">-</div>
			</div>	
			<div id="axis_4" class="coord">
				<div class="cname text_medium">B</div>
				<div class="cvalue text_coord">-</div>
			</div>	
			<div id="axis_5" class="coord">
				<div class="cname text_medium">C</div>
				<div class="cvalue text_coord">-</div>
			</div>	
		</div>
	</div>
	<div class="toolbox">
		<div id="manual" class="panel">		
			<div class="axes_list_label text_small">Select axis</div>

			<div id="axes_list" class="list_box">	
					<div class="arrow_left" > </div>
					<div class="list_value text_small"> </div>
					<div class="arrow_right"> </div>				
			</div>		

			<div class="jogs_list_label text_small">Jogging mode</div>

			<div id="movement_type_list" class="list_box">	
					<div class="arrow_left" > </div>
					<div class="list_value text_small">cont.</div>
					<div class="arrow_right"> </div>				
			</div>
			
			<div id="joystick" >
				<div id="jright" class="picbg">
					<img style="position:absolute;" src="res/dj_right_blue.png" alt="" >
					<div id="jright_label" class="picbg text_medium">X+</div>
					<img style="visibility: hidden;" src="res/dj_right_green.png" alt="" >
				</div>
				<div id="jdown" class="picbg">
					<img style="position:absolute;" src="res/dj_down_blue.png" alt="" >
					<div id="jdown_label" class="picbg text_medium">Y-</div>
					<img style="visibility: hidden;" src="res/dj_down_green.png" alt="" >
				</div>
				<div id="jleft" class="picbg">
					<img style="position:absolute;" src="res/dj_left_blue.png" alt="" >
					<div id="jleft_label" class="picbg text_medium">X-</div>
					<img style="visibility: hidden;" src="res/dj_left_green.png" alt="" >
				</div>
				<div id="jup" class="picbg">
					<img style="position:absolute;" src="res/dj_up_blue.png" alt="" >
					<div id="jup_label" class="picbg text_medium">Y+</div>
					<img style="visibility: hidden;" src="res/dj_up_green.png" alt="" >
				</div>
				<div id="jfire" class="picbg">
					<img style="position:absolute;" src="res/toogle_ring_off.png" alt="" >
					<img style="visibility: hidden;" src="res/toogle_ring_on.png" alt="" >
				</div>
			</div>
			<div id="jogPlus" class="picbg" >
				<img style="position:absolute;"   src="res/spir_btn_rel.png"/>
				<img style="visibility: hidden; " src="res/spir_btn_pres.png"/>
			</div>
			<div id="jogMinus" class="picbg" >
				<img style="position:absolute;"   src="res/spir_btn_rel.png"/>
				<img style="visibility: hidden; " src="res/spir_btn_pres.png"/>
			</div>
		</div>
		<div id="homes" class="panel" style="display:none;" >
			<div id="homebtnpanel">
				<div class="text_small btn gohome">X</div>
				<div class="text_small btn gohome">Y</div>
				<div class="text_small btn gohome">Z</div>
				<div class="text_small btn gohome">A</div>
				<div class="text_small btn gohome">B</div>
				<div class="text_small btn gohome">C</div>
			</div>
			<div id="fixtureselect">
				<span>Offset selection</span>
				<div id="offlist" class="list_box">
					<div class="arrow_left" > </div>
					<div class="list_value text_small">G59</div>
					<div class="arrow_right"> </div>
				</div>
				<div id="offbtn">
					<div id="hactivate" class="text_small btn">Activate</div>
					<div id="offsetload" class="text_small btn">Set</div>
					<div id="offsetclr" class="text_small btn">Clear</div>
				</div>
			</div>

			<div id="currentoffsets">
				<div id="offhdr" class="text_little">Current offsets</div>
				<div class="offvalue text_little">X: 1223.012</div>
				<div class="offvalue text_little">Y: 1223.012</div>
				<div class="offvalue text_little">Z: 1223.012</div>
				<div class="offvalue text_little">A: 1223.012</div>
				<div class="offvalue text_little">B: 1223.012</div>
				<div class="offvalue text_little">C: 1223.012</div>
				<div id="modalhdr" class="text_little">Modal codes</div>
				<div id="modalcodes" class="text_little">G80 G17 G40 G21 G90 G94 G54 G49 G99 G64 G0 G97 F0 S0</div>
			</div>
			<div id="etcbtn">
				<div id="posctrl" class="text_little">Position control</div>
				<div id="gohome" class="btn text_little">Go Home</div>
				<div id="posmode" class="btn text_little">Absolute</div>
				<div id="limitoverride" class="btn text_little">Override</div>
			</div>
		</div>
		<div id="auto" class="panel" style="display:none;">
			<div align="center" class="text_little" >NC program control</div>
			<div id="pgmbtns">
				<div id="pgmstopbtn" class="text_small btn2">
					<img src="res/stop_icon.png"/>
				</div>
				<input id="pgmlineno" type="text"/>
				<div id="pgmstartbtn" class="text_small btn2">
					<img src="res/play_icon.png"/>
					<img src="res/pause_icon.png"  style="display:none;" />	
					<img src="res/resume_icon.png"  style="display:none;" />			
				</div>
				<div id="pgmstepbtn" class="text_small btn2">
					<img src="res/step_icon.png"/>				
				</div>
				<div id="pgmupload" class="text_small btn2">
					<img src="res/src_icon.png"/>
				</div>
				<div id="pgmfile" class="text_small btn2">
					<img src="res/fopen_icon.png"/>				
				</div>

			</div>
			<div id="pgmname" align="left" class="text_little" >program name:</div>
			<div class="pgmcombo">
				<div id="pgmbox"></div>
				<div id="filebox" style="display:none;"></div>
			</div>
			<div id="mdibox">
				<div id="mdilabel" class="text_little" >MDI:</div>
				<input id="mdiline" name="exec_mdi" type="text"/>
				<div id="mdiexec" class="text_small btn2">
					<img src="res/run_icon.png"/>				
				</div>
			</div>
		</div>
		<div id="misc" class="panel" style="display:none;">
			<div id="actions">
				<span id="iphdr" class="text_small">Change IP:</span>
				<input id="ipline" name="ip" type="text"/>
				<div id="rebootbtn" class="text_small btn">Reboot</div>
				<div id="reloadbtn" class="text_small btn">Reload</div>
				<div id="applybtn" class="text_small btn">Apply</div>
			</div>
		</div>
	</div>
	<div id="errline" class="text_small">
	</div>
	<div id="ctrlmode" class="text_little"><span class="olive">Mode: </span><span id="ctlmtext">-</span></div>
	<div id="interpmode" class="text_little"><span class="olive">Interp: </span><span id="imtext">-</span></div>
	<div class="inpos"></div>
	<div id="logo"></div>
</div>
</body>
</html>
